/* 顶部页面 */
.zbx-nav{
    width: 100%;
    height: 202px;
    background: url("../../images/Zbx/beijng1.png") no-repeat 0px 0px; 
    background-size: 100% 100%;
}
/* 公共部分 */
.common{
    margin: 0px auto;
    width: 1200px;
    font-family: '微软雅黑';
    font-weight: normal;
    /* overflow: hidden; */
}
.common::after{
    content: '';
    display: block;
    clear: both;
}
/* 顶部页面左边 */
.zbx-nav .left{
    width: 700px;
    height: 202px;
    float: left;
}

.zbx-nav .left h3{
 margin:61px 0px;
 font-size: 36px;
 color: #fff;
 font-family: '微软雅黑';
 font-weight: normal;
}
.zbx-nav .left p{
    width: 690px;
    height: 50px;
    font-size: 15px;
    color: #fff;
    margin: -48px 0px;
   }
/* 右边 */
.zbx-nav .right{
    width: 500px;
    height: 86px;
    float: right;
    margin-top: 20px;
}
.zbx-nav .right ul>li{
    position: relative;
    float: right;
    width: 155px;
    height: 155px;
    background-position: 35px 30px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding-top: 130px;
    text-align: center;
    transition: margin 0.3s;
    cursor: pointer;
    opacity: 0.6;
}
.zbx-nav .right ul>li a{
    color: #fff;
}
.zbx-nav .right ul>li:nth-child(1){
    background-image: url("../../images/Zbx/left-3.png");
}

.zbx-nav .right ul>li:nth-child(2){
    background-image: url("../../images/Zbx/left-2.png");
}
.zbx-nav .right ul>li:nth-child(3){
    background-image: url("../../images/Zbx/left-1.png");
}
.zbx-li-xuanz{
    margin-top: -20px;
    transform: scale(1.2);
    opacity: 1 !important;
}
.zbx-nav .right ul>li:hover{
    margin-top: -20px;
    transform: scale(1.2);
    opacity: 1;
}

 /* 支持与服务中间部分的支持与文档  */
 .wendang{
     width:100%;
     height: 170px;
     background-color: #f5f5f5;
     padding-top: 35px;
 }
 /* 支持与文档 */
 .wendang h1{
     width: 175px;
     font-size: 25px;
     margin:35px auto;
     margin-top: 0px;
     font-family: '微软雅黑';
     font-weight: normal;
 }
/* bottom */
 .wendang ul li{
    float: left;
    width: 238px;
    height: 60px;
    border-left:1px solid #dddddd; 
    
 }
 .wendang ul li>a{
     color: #3d454b;
     margin-left: 85px;
     font-size: 16px;
 }

 .wendang ul li>a:hover{
     color: #00c5e5;
 }
 .wendang ul li>p{
    margin-left: 85px;
    color: #aeb1b3;
    font-size: 10px;
    margin-top:5px; 
}
.wendang ul li>p span{
    color: #3d454b;
    font-size: 16px;
}
 .wendang ul li:nth-child(1){
    background:url("../../images/Zbx/zbx-center1.png") no-repeat 30px 0px;
    background-size: 41px 45px;
 }
 .wendang ul li:nth-child(2){
    background:url("../../images/Zbx/zbx-center2.png") no-repeat 30px 0px;
    background-size: 41px 45px;
 }
 .wendang ul li:nth-child(3){
    background:url("../../images/Zbx/zbx-center3.png") no-repeat 30px 0px;
    background-size: 41px 45px;
 }
 .wendang ul li:nth-child(4){
    background:url("../../images/Zbx/zbx-center4.png") no-repeat 30px 0px;
    background-size: 41px 45px;
 }
 .wendang ul li:last-child{
     border-right:1px solid #dddddd; 
     background:url("../../images/Zbx/zbx-center5.png") no-repeat 30px 0px;
     background-size: 41px 45px;
     
 }
  .wendang ul li>a img {
      width: 35px;
      height: 17px;
  }
    /* 支持与服务中间部分的专家服务 */
    zbx-zhuanjiafuwu{
        width: 100%;
        height: 467px;
    }
    /* 上半部分 */
    .zbx-zhuanjiafuwu .common>p:nth-child(1){
        width: 100px;
        /* height: 30px; */
        margin: 45px auto;
        font-size: 25px;
        margin-bottom:0px; 
    }
    .zbx-zhuanjiafuwu .common>p:nth-child(2)>a{
        display:inline-block;
        color: #00c5e5;
        width: 72px;
        margin: 18px;
        margin-left:570px; 
        font-size: 15px;
        margin-bottom: 25px;
    }

    .zbx-zhuanjiafuwu .common>p:nth-child(2)>a:hover{
        text-decoration: underline;
    }
    .zbx-zhuanjiafuwu .zbx-box1{
        width: 285px;
        height: 300px;
        float: left;
        padding-left:14px; 
        /* box-sizing: border-box; */
    }
    .zbx-zhuanjiafuwu .zbx-box1:hover{
        /* border: #ebecec 1px solid; */
        box-shadow: 0px 0px 6px 0px #eceded;
    }
   .zbx-zhuanjiafuwu .zbx-box1 .zbx-image a>img{
       margin:10px 0px 0px 10px;
        width: 265px;
        height: 150px;
   }
   .zbx-zhuanjiafuwu .zbx-box1 .zbx-image{
       position: relative;
   }
   .zbx-zhuanjiafuwu .zbx-box1 .zbx-image .design{
       width:100%;
       height: 40px;
       background-color: #070809;
       color:white;
       position: absolute;
       bottom: 0px;
       left: 0px;
       opacity: 0.5;
    }

.zbx-box1 .zbx-image{
    overflow: hidden;
}
    .zbx-box1 a>img{
        width: 100% !important;
        transition: 0.8s;
        margin: 0px !important;
    }

.zbx-box1:hover a>img{
    transform: scale(1.1);
}





    

       .zbx-zhuanjiafuwu .zbx-box1 .zbx-image .design span{
           display: block;
           text-align: center;
           line-height:40px;
           font-size: 14px;
       }
       .zbx-zhuanjiafuwu .zbx-box1 .list li img{ 
            width: 30px;
            height: 13px;

       }
   .zbx-zhuanjiafuwu .zbx-box1 .list li{
       margin: 10px 0px 0px 45px;
       font-size: 15px;
       list-style-type: square;
   }
   .zbx-zhuanjiafuwu .zbx-box1 .list li>a:hover{
       color: #00c5e5;
   }
   .zbx-zhuanjiafuwu .zbx-box1 .tele a{
    font-family: '微软雅黑';
    font-weight: normal;
    font-size: 20px;
    display: inline-block;
    /* margin-left: -10px; */
    list-style: none;
    margin: 10px 0px 0px 25px;
    color: #3d454b;
   }
   .zbx-zhuanjiafuwu .zbx-box1 .tele a:hover{
    color: #00c5e5;
   }
   .zbx-zhuanjiafuwu .zbx-box1 .tele span{
    color: #3d454b;
    font-size: 16px;
    display: inline-block;
    margin-left: 5px;
   }
 
   .zbx-zhuanjiafuwu .zbx-box1 .list li a{
    color: #3d454b;
   }
   /* 服务案例 */
   .zbx-box2 {
       width: 100%;
       height: 470px;
     background-color: #f5f5f5;
   }
 

   .zbx-box2 .zbx-aaimg{
       position: relative;
       width: 375px;
       height: 140px;
    background:url("../../images/Zbx/zbx-duihuakuang.png") no-repeat 0px 0px;
    background-size: 375px;
   }

   .zbx-box2 .zbx-aaimg p{
       /* display: inline-block; */
        margin: 10px 35px;
        font-size: 14px;
        line-height: 24px;
        color: #95989a;
   }
   .zbx-box2 .zbx-aaimg>img{
       width: 15px; 
       height: 15px;
       position: absolute;
       top:-9px;
       left: 65px;
   }
   .zbx-box2 .zbx-change .log img{
       margin: 0px 82px;
   }
/* 新浪的js的css部分 */
.zbx-box2 .zbx-change{
    float: left;
    margin-left: 20px;
}
.zbx-change .zbx-aaimg .zbx-hover{
    width: 380px;
    height: 215px;
   background-color:white;
   position: absolute;
   top: -15px;
   left: 0px;
   text-align: center;
   border: 1px solid #ebecec;
   box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
   display: none;
}
.zbx-change .zbx-aaimg .zbx-hover>p{
    color: #070809;
}
.zbx-change .zbx-aaimg .zbx-hover .zbx-ding>p{
    color: #070809;
}
.zbx-change .zbx-aaimg .zbx-hover .zbx-ding>p a{
    color: #070809;
}
.zbx-change .zbx-aaimg .zbx-hover .zbx-ding>p img{
    width: 17px;
    height: 17px;
    position: relative;
    /* margin-top: 0px; */
    top: 3px;
}
.zbx-change .zbx-aaimg .zbx-hover .zbx-ding>p a:hover{
    color:  #00c5e5;
}
.zbx-change .zbx-aaimg .zbx-hover>p:nth-of-type(1){
    margin: 20px auto;
    font-size: 20px;
}
.zbx-change .zbx-aaimg .zbx-hover .zbx-chankan{
    border: #00c5e5 1px solid;
    width: 97px;
    height: 33px;
    background-color:#00c1de;
    margin: 25px auto; 
}
.zbx-change .zbx-aaimg .zbx-hover .zbx-chankan:hover{
    background-color: #33cde5;
}
.zbx-change .zbx-aaimg .zbx-hover .zbx-chankan a{
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}
/* 新进伙伴们 */
.newfirend{
    width: 100%;
    height: 550px;
    background-color: #f5f5f5;
}
.newfirend .zbx-tile{
    font-size: 25px;
    text-align: center;
}
.newfirend a{
    display: inline-block;
    margin-top:75px;
    width: 220px;
    height: 160px;
    margin-left: 17px;
}
.newfirend a:hover{
  
    box-shadow: 0 0 6px 0 rgba(0,0,0,.1);;
}
.newfirend a img{
    width: 180px;
    height: 90px;
    margin-left:17px;
}
.newfirend a span{
    display: block;
    text-align: center;
    color: #070809;
    font-size: 14px;
    margin-top:25px;
}

